<template>
	<view  @tap="GoGoodsDetails(goodsData.id)" class="goods_Detailss">
		<image :src="goodsData.thumbnail+'?x-oss-process=image/resize,m_lfit,h_600,w_600'" mode="aspectFit"></image>
		<view class="goods_txt">
			<p class="p1 one">
				{{goodsData.name}}
			</p>
			<p class="p2 c2 one">
				￥ {{goodsData.price}}
			</p>
		</view>
	</view> 
</template>

<script> 
	export default {
		props:['goodsData'],
		data() {
			return {
				
			};
		},
		methods:{
			GoGoodsDetails(id){
				this.$navigateTo('../GoodsDetails/GoodsDetails?id=' + id)
			},
		}
	}
</script>

<style lang="less" scoped>
.goods_Detailss{
	font-size:28rpx;
	width:400rpx;
	height:110rpx;
	display: flex;
	background:rgba(248,248,248,1);
	border-radius:4rpx;
	margin-right: 20rpx;
	padding: 10rpx;
	image{
		width:90rpx;
		height:90rpx;
		border-radius:4rpx;
		// flex: 1;
	} 
	.p1{
		padding-top: 4rpx;
		font-size:28rpx; 
		font-weight:400;
		color:rgba(25,25,25,1);
	}
	.p2{
		margin-top: 10rpx;
	}
	.goods_txt{
		padding-left: 10rpx;
		width: 260rpx; 
	}
}
</style>
